import { createRouter,createWebHashHistory, RouteRecordRaw } from "vue-router";
import Home from "../views/Home.vue";

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "Home",
    component: Home,
  },
  {
    path: "/flex",
    name: "弹性布局",
    component: () => import(/* webpackChunkName: "flex" */ "../views/flex.vue"),
  },
  {
    path: "/layout",
    name: "布局",
    component: () =>
      import(/* webpackChunkName: "layout" */ "../views/layout/layout.vue"),
  },
  {
    path: "/grid",
    name: "grid",
    component: () =>
      import(/* webpackChunkName: "grid" */ "../views/layout/grid.vue"),
  },
  {
    path: "/free-grid",
    name: "free-grid",
    component: () =>
      import(/* webpackChunkName: "free-grid" */ "../views/free/grid.vue"),
  },
  {
    path: "/grid-fixed-cols",
    name: "grid-fixed-cols",
    component: () =>
      import(/* webpackChunkName: "fixedcol-grid" */ "../views/free/grid-fixed-cols.vue"),
  },
  {
    path: "/grid-custom-cols",
    name: "grid-custom-cols",
    component: () =>
      import(/* webpackChunkName: "customcol-grid" */ "../views/free/grid-custom-cols.vue"),
  },
  {
    path: "/tooltip",
    name: "tooltip",
    component: () =>
      import(/* webpackChunkName: "tooltip" */ "../views/tooltip.vue"),
  },
  {
    path: "/button",
    name: "按钮",
    component: () =>
      import(/* webpackChunkName: "button" */ "../views/button.vue"),
  },
  {
    path: "/dropdown",
    name: "下拉",
    component: () =>
      import(/* webpackChunkName: "dropdown" */ "../views/dropdown.vue"),
  },
  {
    path: "/actionsheet",
    name: "actionsheet",
    component: () =>
      import(/* webpackChunkName: "actionsheet" */ "../views/actionsheet.vue"),
  },
  {
    path: "/tab",
    name: "选项卡tab",
    component: () => import(/* webpackChunkName: "tab" */ "../views/tab.vue"),
  },
  {
    path: "/menu",
    name: "导航菜单",
    component: () => import(/* webpackChunkName: "menu" */ "../views/menu.vue"),
  },
  {
    path: "/list",
    name: "列表",
    component: () => import(/* webpackChunkName: "list" */ "../views/list.vue"),
  },
  {
    path: "/tree",
    name: "树组件",
    component: () => import(/* webpackChunkName: "tree" */ "../views/tree.vue"),
  },
  {
    path: "/window",
    name: "窗体",
    component: () =>
      import(/* webpackChunkName: "window" */ "../views/window.vue"),
  },
  {
    path: "/progress",
    name: "进度条",
    component: () =>
      import(/* webpackChunkName: "progress" */ "../views/progress.vue"),
  },
  {
    path: "/alert-bar",
    name: "警告框",
    component: () =>
      import(/* webpackChunkName: "alert-bar" */ "../views/alert-bar.vue"),
  },
  {
    path: "/blockquote",
    name: "块引用",
    component: () =>
      import(/* webpackChunkName: "blockquote" */ "../views/blockquote.vue"),
  },
  {
    path: "/divider",
    name: "分割线",
    component: () =>
      import(/* webpackChunkName: "divider" */ "../views/divider.vue"),
  },
  {
    path: "/panel",
    name: "面板",
    component: () =>
      import(/* webpackChunkName: "panel" */ "../views/panel.vue"),
  },
  {
    path: "/nav",
    name: "导航",
    component: () => import(/* webpackChunkName: "nav" */ "../views/nav.vue"),
  },
  {
    path: "/pager",
    name: "分页",
    component: () =>
      import(/* webpackChunkName: "pager" */ "../views/pager.vue"),
  },
  {
    path: "/slider",
    name: "滑块",
    component: () =>
      import(/* webpackChunkName: "slider" */ "../views/slider.vue"),
  },
  {
    path: "/color",
    name: "颜色",
    component: () =>
      import(/* webpackChunkName: "color" */ "../views/color-picker.vue"),
  },
  {
    path: "/datetime",
    name: "日期时间",
    component: () =>
      import(/* webpackChunkName: "datetime" */ "../views/datetime.vue"),
  },
  {
    path: "/datetime-free",
    name: "日期时间free",
    component: () =>
      import(/* webpackChunkName: "datetime-free" */ "../views/free/form-datetime.vue"),
  },
  {
    path: "/form",
    name: "表单",
    component: () => import(/* webpackChunkName: "form" */ "../views/form.vue"),
  },
  {
    path: "/form-free",
    name: "表单free",
    component: () => import(/* webpackChunkName: "form-free" */ "../views/free/form.vue"),
  },
  {
    path: "/table",
    name: "表格",
    component: () =>
      import(/* webpackChunkName: "table" */ "../views/table.vue"),
  },
  {
    path: "/table-free",
    name: "表格free",
    component: () =>
      import(/* webpackChunkName: "table-free" */ "../views/free/table.vue"),
  },
  {
    path: "/toast",
    name: "toast",
    component: () =>
      import(/* webpackChunkName: "toast" */ "../views/toast.vue"),
  },
  {
    path: "/icon",
    name: "图标icon",
    component: () => import(/* webpackChunkName: "icon" */ "../views/icon.vue"),
  },
  {
    path: "/colorBtn",
    name: "取色按钮",
    component: () =>
      import(/* webpackChunkName: "colorBtn" */ "../views/colorbtn.vue"),
  },
  {
    path: "/colorBtn-free",
    name: "free取色按钮",
    component: () =>
      import(/* webpackChunkName: "colorBtn-free" */ "../views/free/color-btn.vue"),
  },
  {
    path: "/datetimeBtn",
    name: "日期时间按钮",
    component: () =>
      import(/* webpackChunkName: "datetimeBtn" */ "../views/datetimeBtn.vue"),
  },
  {
    path: "/datetimeBtn-free",
    name: "free日期时间按钮",
    component: () =>
      import(/* webpackChunkName: "datetimeBtn-free" */ "../views/free/datetime-btn.vue"),
  },
  {
    path: "/select",
    name: "select表单",
    component: () =>
      import(/* webpackChunkName: "select" */ "../views/select-input.vue"),
  },
  {
    path: "/checkbox",
    name: "checkbox表单",
    component: () =>
      import(/* webpackChunkName: "checkbox" */ "../views/checkbox.vue"),
  },
  {
    path: "/radio",
    name: "radio表单",
    component: () =>
      import(/* webpackChunkName: "radio" */ "../views/radio.vue"),
  },
  {
    path: "/switch",
    name: "switch表单",
    component: () =>
      import(/* webpackChunkName: "switch" */ "../views/switch.vue"),
  },
  {
    path: "/input",
    name: "input表单",
    component: () =>
      import(/* webpackChunkName: "input" */ "../views/input.vue"),
  },
  {
    path: "/validator",
    name: "验证表单",
    component: () =>
      import(/* webpackChunkName: "validator" */ "../views/validator.vue"),
  },
  // {
  //   path: "/global",
  //   name: "global",
  //   component: () =>
  //     import(/* webpackChunkName: "global" */ "../views/global.vue"),
  // },
  {
    path: "/notification",
    name: "notification",
    component: () =>
      import(
        /* webpackChunkName: "notification" */ "../views/notification.vue"
      ),
  },
  {
    path: "/notification-autofit",
    name: "notification-autofit",
    component: () =>
      import(
        /* webpackChunkName: "notification-autofit" */ "../views/free/notification.vue"
      ),
  },
  {
    path: "/message",
    name: "message",
    component: () =>
      import(/* webpackChunkName: "message" */ "../views/message.vue"),
  },
  {
    path: "/message-free",
    name: "message-free",
    component: () =>
      import(/* webpackChunkName: "message-free" */ "../views/free/message.vue"),
  },
  {
    path: "/loading",
    name: "loading",
    component: () =>
      import(/* webpackChunkName: "loading" */ "../views/loading.vue"),
  },
<<<<<<< HEAD
=======
  {
    path: "/modal",
    name: "modal",
    component: () =>
      import(/* webpackChunkName: "modal" */ "../views/modal.vue"),
  },{
    path: "/modal-free",
    name: "modal-free",
    component: () =>
      import(/* webpackChunkName: "modal-free" */ "../views/free/modal.vue"),
  },
>>>>>>> dev
  // {
  //   path: "/back-top",
  //   name: "BackTop",
  //   component: () =>
  //     import(/* webpackChunkName: "backTop" */ "../views/back-top.vue"),
  // }
];

const router = createRouter({
  history: createWebHashHistory(process.env.BASE_URL),
  routes,
});

export default router;
